<template>
  <div id="app">
      <Top/>
      <!--缓存上个组件的状态-->
      <keep-alive>
	    <router-view></router-view>
      </keep-alive>

  </div>
</template>

<style lang="scss">
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
	}

</style>
<script>
    import Left from '@/components/Left.vue'
    import Top from '@/components/Top.vue'
    import Bottom from '@/components/Bottom.vue'
    export  default {
        name:'App',
        components: {
            Left,
            Top,
            Bottom
        }
    }
</script>
